// == Config

// Root path where you plan to host console.
$consoleWebDistPath: './';

// PatternFly variables -- imported here so they can be used throughout
@import '~@patternfly/patternfly/sass-utilities/all';

// Enable use within shared components and packages
@import "../style/ancillary/bootstrap-variables";


// == Overrides of external dependency variables

// FontAwesome font path.
$fa-font-path: $consoleWebDistPath + '/';

// PatternFly 4 font path.
$pf-global--font-path: '~@patternfly/patternfly/assets/fonts';
$table-border-color: $pf-color-black-200;

:root {
  --pf-global--FontSize--md: 14px; // Numerical value required, same as $font-size-base
  --pf-global--FontSize--sm: 13px;
}

// == Declare max breakpoints from PatternFly variables
$pf-global--breakpoint--xs-max: ($pf-global--breakpoint--xs - 1);
$pf-global--breakpoint--sm-max: ($pf-global--breakpoint--sm - 1);
$pf-global--breakpoint--md-max: ($pf-global--breakpoint--md - 1);
$pf-global--breakpoint--lg-max: ($pf-global--breakpoint--lg - 1);

// Can not use --pf-global--gutter --pf-global--gutter--md because you can't get a negative value of a scss variable that is assigned a css custom property.
$pf-global-gutter: 1rem; // Matches --pf-global--gutter
$pf-global-gutter--md: 1.5rem; // Matches --pf-global--gutter--md


// == Custom variables

$co-m-label-line-height: 20px;
$pf-header-icon-fontsize: 16px; // Patternfly 4 default
// Manually set because our default font size is different than PF 4
$co-side-nav-font-size: $font-size-base; // Matches PF 4 --pf-c-nav__subnav__link--FontSize
$co-side-nav-section-font-size: ($font-size-base + 2); // Matches PF 4 --pf-c-nav__link--FontSize
$co-m-catalog-tile-height: 100%;
$co-m-catalog-tile-width: 260px;


// == Colors

$color-alertmanager-dark: $pf-color-orange-600;
$color-co-m-row-hover: #fafafa;
$color-application-dark: $pf-color-green-500;
$color-configmap-dark: $pf-color-purple-600;
$color-container-dark: $pf-color-blue-300;
$color-error: $pf-color-red-100;
$color-grey-background-border: #ccc;
$color-ingress-dark: $pf-color-purple-700;
$color-namespace-dark: $pf-color-green-600;
$color-node-dark: $pf-color-purple-400;
$color-pod-dark: $pf-color-cyan-300;
$color-pod-overlord: $pf-color-blue-500;
$color-primary: $pf-color-blue-300;
$color-rbac-binding-dark: $pf-color-light-blue-500;
$color-rbac-role-dark: $pf-color-gold-600;
$color-secret-dark: $pf-color-orange-400;
$color-service-dark: $pf-color-light-green-500;
$color-text-muted: $pf-color-black-600;
$color-text-secondary: $pf-color-black-600;
// -- Depend on color vars defined above
$color-alert-dark: $color-container-dark;
$color-alertrule-dark: $color-configmap-dark;
$color-controller-dark: $color-pod-overlord;
$color-deployment-dark: $color-controller-dark;
$color-deploymentconfig-dark: $color-controller-dark;
$color-job-dark: $color-controller-dark;
$color-petset-dark: $color-controller-dark;
$color-replicaset-dark: $color-controller-dark;
$color-serviceaccount-dark: $color-configmap-dark;
